.login-page {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;

  &-content {
    width: 350px;
    padding: 20px;
    background: #fff; 
    border: 1px solid #ddd;
  }

  &-title {
    margin-bottom: 20px;
    text-align: left;
    color: #6fbda4;
    font-size: 20px;
    font-weight: bold;
  }

  &-code {
    .el-form-item__content {
      display: flex;
    }
    .el-input__inner {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
    }
  }

  .verify-code {
    min-width: 100px;
    width: 100px;
    height: 38px;
    border: 1px solid #DCDFE6;
    border-left: 0;

    img {
      width: 100%;
      height: 100%;
      cursor: pointer;
    }
  }

  .el-button {
    display: block;
  }

  .el-button--primary {
    width: 100%;
  }

  .el-button--text {
    float: right;
    color: #504e4e;
  }
}